

// type StaticPropsType = {
//     onClick?: Function,
//     label: string | number,
//     fontSize?: string,
//     color?: string,
//     hover?: string,
//     fontWeight?: string | number,
//     style?: object,
//     marginBottom?: string,
//     marginRight?: string,
//     cursor?: string,
// }

const Static = ({onClick, label, marginLeft, fontSize, color, hover, fontWeight, style, marginBottom, marginRight, cursor}) => (
    <label onClick={onClick} style={style}>
        {label}
        <style jsx>{`
            label{
                font-size:${fontSize || '.75rem'} !important;
                color:${color || '#333'};
                font-weight: ${fontWeight};
                cursor: ${hover && 'pointer' || cursor};
                margin-bottom:${marginBottom};
                margin-right:${marginRight};
                margin-left:${marginLeft};

                &:hover{
                    color:${hover || color}
                }
            }
      `}
        </style>
    </label>
)

export default Static